<template>
  <view class="container">
    <view class="row">
      <up-picker @change="change" :defaultIndex="[170,0,0,0]" :closeOnClickOverlay="false" :showToolbar="false" :show="true" :columns="listInfo"></up-picker>
    </view>
  </view>
</template>

<script setup>
const change=(e)=>{
emit('pickerValue',e)
}
const prop = defineProps({
  listInfo: {
    default: [[]],
  },
});
const emit = defineEmits();
</script>
<style scoped lang="scss">
.bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.row {
  height: 200px;
}
.container {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.complete-btn {
  position: absolute;
  bottom: 0;
}
:deep(.u-transition) {
  display: none;
  top: 40%;
  position: absolute;
  height: 200px !important;
}
</style>
